html {
	background-color:white;
	height:100%;
}
body { 
	margin-top:0%;
	margin-right: 10%;
	margin-left: 10%;
	height:100%;
	background: rgb(204,204,255);
	-moz-box-shadow: -5px 5px 5px #ccc;
  	-webkit-box-shadow: -5px 5px 5px #ccc;
  	box-shadow: -5px 5px 5px #ccc;
	height:200%; 				/* TEMPORARY: FIX THIS*/
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20pt;
	color: teal;
}
ol#navigation {
	height: 2em; 
	list-style: none;
	background-color:#243255;
}

ol#navigation li {
	float: right;
}

ol#navigation a {
	color: white;
	display: block;
	float: left;
	height: 2em;
	padding: 10 10 10 10;
	border-style:solid;
	border-width:1px;
	border-color:#243255;
	text-decoration: none;
}

ol#navigation a:hover {
	background-color: gray;
	background-position: 0 -120px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

ol#navigation a:hover span {
	background-position: 100% -120px;
}

ol#navigation li.current a {
	background-color: blue;
	background-position: 0 -60px;
	color: #fff;
	font-weight: bold;
}

ol#navigation li.current span {
	background-position: 100% -60px;
}

ol#navigation span {
	display: block;
	line-height: 2em;
	padding-right: 10px;
}

#logo {
	background-color:white;
	width:100%;
	margin-top:0px;
	float:left;
}
#nav {
	margin-top:0px;
	float:left;
	padding:0.5em;
}

#banner {
	background-color:#243255;
	padding: 0.5em;
	text-align:center;
}

#footer {
	float:center;
}

#main {
	height:100%;
}

#mainleft {
	margin-top:30px;
	margin-left:5%;
	margin-right:5%;
	float:left;
	width:40%;
}
#mainright{
	margin-top:30px;
	margin-left:5%;
	margin-right:5%;
	float:right;
	width:40%;
}
#footer {

}
